<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影详情</title>


    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">


    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../static/dist/css/movie_details.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">





</head>

<body>
<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>




    <div class="head2">
        <div class="head2Container-cc">
            <div class="left">
                <img src="../static/dist/img/film.jpg" alt="" class="img1">
            </div>
            <div class="center1">
                <span class="centerHead1">八佰</span><br>
                <span class="centerHead2">The Eight Hundred</span><br>
                <ul class="centerHead3">
                    <li>剧情</li>
                    <li>战争</li>
                    <li>历史</li>
                </ul>
                <span class="centerHead4">中国大陆/147分钟</span><br>
                <span class="centerHead5">2020-08-21 09:00中国大陆上映</span><br>
                <img src="../static/dist/img/aixin.png" alt="" class="aixin">
                <input type="button" value="想看" class="wantLook">
                <input type="button" value="评分" id="elevate"><br>
                <a href="cinemadatas.html"><input type="button" value="特惠购票" class="btnPay"></a>
            </div>
            <div class="right">
                <span class="rightHead1">口碑</span>
                <div class="rightHead2">
                    <span class="rightHead2-left">9.2</span>
                    <span class="rightHead2-right">12.5万人评分</span><br>

                    <span class="total">累计票房</span><br>
                    <span class="totalNum">27.47亿</span>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="mainLeft">
            <div class="mainHead">
                <ul class="mainUL">
                    <li>猫眼电影&gt</li>
                    <li>电影&gt</li>
                    <li>八佰</li>
                </ul>
            </div>
            <div class="mainCenter">
                <ul class="centerUL">
                    <li class="clickBtn" id="click1">介绍</li>
                    <li class="clickBtn" id="click2">演职人员</li>
                </ul>
                <div id="body1">
                    <div class="intro">
                        <div class="introTitle">剧情简介</div>
                        <div class="introContent">
                            淞沪会战后期，中国军队第88师524团团附谢晋元临危受命，率领400余名官兵（外界称“八百壮士”），坚守闸北四行仓库，掩护主力部队撤退。“八百壮士”抱定为国捐躯的决心，以弹丸之地抗击侵略者，激战四昼夜，打退敌人十余次疯狂进攻。其战斗事迹之英勇，爱国气节之豪壮，振奋国人，震惊世界。
                        </div>
                    </div>
                    <div class="actor">
                        <div class="actorTitle">演职人员</div>
                        <span id="all">全部&gt</span>
                        <ul class="emp">
                            <li>导演</li>
                            <li>演员</li>
                        </ul>
                        <ul class="people">
                            <li>
                                <img src="../static/dist/img/actor.jpg" alt="">
                            </li>
                            <li>
                                <img src="../static/dist/img/actor.jpg" alt="">
                            </li>
                            <li>
                                <img src="../static/dist/img/actor.jpg" alt="">
                            </li>
                            <li>
                                <img src="../static/dist/img/actor.jpg" alt="">
                            </li>
                            <li>
                                <img src="../static/dist/img/actor.jpg" alt="">
                            </li>
                        </ul>
                        <ul class="name">
                            <li>管虎</li>
                            <li>王千源</li>
                            <li>张译</li>
                            <li>姜武</li>
                            <li>黄志忠</li>
                        </ul>
                        <ul class="JS">
                            <li>饰:羊拐</li>
                            <li>饰:老算盘</li>
                            <li>饰:老铁</li>
                            <li>饰:老葫芦</li>
                        </ul>
                    </div>

                    <div class="comment">
                        <div class="commentHead">热门短评</div>
                        <input type="button" value="写短评" class="writeComment">
                        <ul class="commentContent">
                            <li>
                                <ul class="inner">
                                    <li>
                                        <img src="../static/dist/img/tx1.jpg" alt="" class="tx1">
                                    </li>
                                    <li>
                                        <div class="innerTop">
                                            <span class="innerName">xiao宇</span><br>
                                            <span class="innerTime">08-21</span>
                                            <div class="star">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                            </div>

                                        </div>
                                        <div class="innerBottom">
                                            <span class="innerContent">增强我们的爱国主义情感，向英雄致敬，我们应牢记历史，发奋读书！！！</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="dianzan">
                                            <img src="../static/dist/img/zan.png" alt="" class="dianzanImg">
                                            <span class="zanCount">8137</span>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="inner">
                                    <li>
                                        <img src="../static/dist/img/tx1.jpg" alt="" class="tx1">
                                    </li>
                                    <li>
                                        <div class="innerTop">
                                            <span class="innerName">Boogqiaqia</span><br>
                                            <span class="innerTime">08-21</span>
                                            <div class="star">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                            </div>
                                        </div>
                                        <div class="innerBottom">
                                            <span class="innerContent">我因未曾从军而懊悔不已，继感恩祖国缅怀先烈，我辈应勿忘国耻奋发图强。</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="dianzan">
                                            <img src="../static/dist/img/zan.png" alt="" class="dianzanImg">
                                            <span class="zanCount">2298</span>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="inner">
                                    <li>
                                        <img src="../static/dist/img/tx1.jpg" alt="" class="tx1">
                                    </li>
                                    <li>
                                        <div class="innerTop">
                                            <span class="innerName">Z＆H</span><br>
                                            <span class="innerTime">08-31</span>
                                            <div class="star">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                                <img src="../static/dist/img/star.png" alt="">
                                            </div>
                                        </div>
                                        <div class="innerBottom">
                                            <span class="innerContent">主题正能量、场面壮观、情节感人，局部细节上有待商榷;</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="dianzan">
                                            <img src="../static/dist/img/zan.png" alt="" class="dianzanImg">
                                            <span class="zanCount">5354</span>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="body2">
                    <ul class="director">
                        <li>导演(1)</li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt="">
                        </li>
                        <li>管虎</li>
                    </ul>


                    <span class="n3">演员(10)</span>
                    <ul class="allActor">
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">王千源</span><br>
                            <span class="name2">饰：羊拐</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">王千源</span><br>
                            <span class="name2">饰：羊拐</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">姜武</span><br>
                            <span class="name2">饰：老铁</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">黄志忠</span><br>
                            <span class="name2">饰：老葫芦</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">张俊一</span><br>
                            <span class="name2">饰：小湖北</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">欧豪</span><br>
                            <span class="name2">饰：端午</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">杜淳</span><br>
                            <span class="name2">饰：谢晋元</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">魏晨</span><br>
                            <span class="name2">饰：朱胜忠</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">张宥浩</span><br>
                            <span class="name2">饰：小七月</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">唐艺昕</span><br>
                            <span class="name2">饰：杨惠敏</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">李九霄</span><br>
                            <span class="name2">饰：刀子</span>
                        </li>
                        <li>
                            <img src="../static/dist/img/actor.jpg" alt=""><br>
                            <span class="name1">王千源</span><br>
                            <span class="name2">饰：羊拐</span>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>


    <!-- 模态框（Modal） -->
    <div id="myModal1">
        <!--头部-->
        <div class="modal-header">请点击星星评分</div>
        <div class="modal-header2">
            <img src="../static/dist/img/kxStar.png" alt="" class="bigStar">
            <img src="../static/dist/img/kxStar.png" alt="" class="bigStar">
            <img src="../static/dist/img/kxStar.png" alt="" class="bigStar">
            <img src="../static/dist/img/kxStar.png" alt="" class="bigStar">
            <img src="../static/dist/img/kxStar.png" alt="" class="bigStar">
        </div>

        <textarea name="" id="" cols="50" rows="10" class="modalContent">快来说说你的看法吧</textarea>

        <input type="submit" value="提交" id="subBtn">

    </div>
    <div id="myModal2"></div>
    </div>

    <script src="../static/plugins/jquery/jquery-3.5.1.js"></script>
    <script src="../static/dist/js/movie_details.js"></script>
    <script src="../static/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="../static/dist/js/mynav.js"></script>




</body>

</html>